//粒子特效背景
particlesJS('particles-js', {
    particles: {
        color: '#000',
        shape: 'circle', // "circle", "edge" or "triangle"
        opacity: 1,
        size: 4,
        size_random: true,
        nb: 150,
        line_linked: {
            enable_auto: true,
            distance: 100,
            color: '#c4c4c4',
            opacity: 0.8,
            width: 1,
            condensed_mode: {
                enable: false,
                rotateX: 600,
                rotateY: 100
            }
        },
        anim: {
            enable: true,
            speed: 1
        }
    },
    interactivity: {
        enable: true,
        mouse: {
            distance: 300
        },
        detect_on: 'canvas', // "canvas" or "window"
        mode: 'grab',
        line_linked: {
            opacity: .5
        },
        events: {
            onclick: {
                enable: true,
                mode: 'push', // "push" or "remove"
                nb: 4
            }
        }
    },
    /* Retina Display Support */
    retina_detect: true
});
//jquery
$(function () {
    //文字动画效果
    var i = -1;
    function text() {
        i++;
        if(i == 4){
            $("#text h1").siblings().hide().eq(5).fadeIn(2000);
            $(".nametext").fadeIn(0);
            clearInterval(timer);
        };
        $("#text h1").siblings().hide().eq(i).fadeIn(2000);
    }
    var timer = setInterval(text,1500);
    $(".card").hover(function () {
        if(!$(this).find(".card_up").is(":animated")){
            $(this).find(".card_up").animate({height:"0"},500);
        }

    },function () {

            $(this).find(".card_up").animate({height: "300"}, 500);

    })
    console.log("感谢你调试我的代码，让我们一起共同进步吧~");
    console.log("QQ:1486844652");
})

